@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
li{ list-style:none;}
table,tr,td,ul,li,dl,dt,dd,div{ border:0;}
img{ border:0;}
body{ font-size:12px; font-family:"微软雅黑"; overflow-x: hidden; text-align:center;}
.float_l{ float:left !important;}
.float_r{ float:right !important;}
.blank0{ width:100%; height:0px; clear:both;}
.animation{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}

/*首页*/
.header{ width:100%; position:fixed; z-index:1000; top:0; left:0; background:#FFF; -webkit-box-shadow:0px 0px 5px #ccc; -moz-box-shadow:0px 0px 5px #ccc; box-shadow:0px 0px 5px #ccc;}
.header_top{ width:100%; height:36px; background:#efefef; overflow:hidden;}
.header_top_in{ width:1260px; margin:0 auto; overflow:hidden;}
.welcome{ float:left; line-height:36px; color:#444; font-size:14px;}
.header_top_in ul{ float:right; overflow:hidden;}
.header_top_in ul li{ float:left; font-size:14px; color:#444; line-height:36px; text-align:left;}
.header_top_in ul li:nth-child(1){ background:url(../images/header1.png) left center no-repeat; padding-left:22px;}
.header_top_in ul li:nth-child(2){ width:20px; text-align:center; color:#bbbbbb;}
.header_top_in ul li:nth-child(3){ background:url(../images/header2.png) left center no-repeat; padding-left:24px;}
.header_bot{ width:1260px; height:90px; margin:0 auto;}
.logo{ float:left; display:block; height:62px; margin-top:15px;}
.language{ float:right; display:block; width:34px; height:34px; line-height:34px; background:#d70d18; font-size:16px; color:#FFF; margin-top:28px;}

.nav{ float:right; margin-right:30px;}
.nav>li{ float:left; position:relative;}
.nav>li>a{ display:block; width:120px; height:90px; line-height:90px; font-size:16px; color:#000; position:relative;}
.nav>li>a:after{ content:""; position:absolute; bottom:0; left:50%; width:0; height:2px; background:#bb9205; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.nav>li>a.a_on{ color:#bb9205; font-weight:bold;}
.nav>li>a.a_on:after{ content:""; position:absolute; bottom:0; left:25%; width:50%; height:2px; background:#bb9205;}
.nav>li:hover>a:after{ content:""; position:absolute; bottom:0; left:25%; width:50%; height:2px; background:#bb9205;}
.nav_in{ position:absolute; top:90px; left:0; width:120px; background:url(../images/nav_bg.png) repeat; display:none;}
.nav_in>li{ float:left; clear:both;}
.nav_in>li>a{ display:block; width:120px; height:40px; line-height:40px; color:#FFF; font-size:15px;}
.nav_in>li>a:hover{ background:#bb9205;}
.nav>li:hover>a{ color:#bb9205; font-weight:bold;}

.nav>li:nth-child(3) .nav_in{ width:200px; left:-40px;}
.nav>li:nth-child(3) .nav_in>li>a{ width:200px;}



.mobile_bg{ display:none;}

.mySwiper1 {
  width: 100%;
  height: auto;
  margin:126px auto 0 auto;
  position:relative;
  z-index:100;
}
.mySwiper1 .swiper-slide {
  text-align: center;
  font-size: 12px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.mySwiper1 .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  border: 0;
  position: relative; 
  z-index: 1;
}
.swiper-pagination1{ bottom:40px !important;}
.swiper-pagination1 .swiper-pagination-bullet{ width:50px; height:5px; border-radius:0; background:#FFF; outline:none; opacity:0.8; margin:0 5px !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-pagination1 .swiper-pagination-bullet-active{ width:50px; background:#d70d18; opacity:1;}

.index_in{ width:88.5%; margin:0 auto; overflow:hidden;}

.index1{ width:100%; padding:100px 0 50px 0; background:url(../images/index1_bg.jpg) center center no-repeat; position:relative; z-index:10; overflow:hidden;}
.mySwiper2 {
  float: left;
  width: 100%;
  height: auto;
  margin-top: 55px;
}
.mySwiper2 .swiper-slide {
  text-align: center;
  font-size: 16px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.index1_1{ float:left; width:100%; overflow:hidden;}
.index1_2{ float:left; font-size:36px; line-height:50px;}
.index1_3{ float:right; overflow:hidden;}
.swiper-button-prev2{ display:block; width:50px; height:50px; float:right; background:url(../images/index1_l.png) no-repeat center center #FFF; background-size:15px 11px; outline:none; margin-right:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-next2{ display:block; width:50px; height:50px; float:right; background:url(../images/index1_r.png) no-repeat center center #FFF; background-size:15px 11px; outline:none; margin-right:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.swiper-button-prev2:hover{ background:url(../images/index1_l_on.png) no-repeat center center #d70d18; background-size:15px 11px;}
.swiper-button-next2:hover{ background:url(../images/index1_r_on.png) no-repeat center center #d70d18; background-size:15px 11px;}
.index1_3 .more{ display:block; width:50px; height:50px; float:right; background:url(../images/more_bg.png) center center no-repeat #d70d18; background-size:16px 16px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_3 .more:hover{ background:url(../images/more_bg_on.png) center center no-repeat #d70d18; background-size:18px 18px;}
.mySwiper2 .swiper-slide a{ display:block; width:100%;}
.mySwiper2 .swiper-slide a img{ display:block; width:100%;}
.index1_4{ overflow:hidden; position:relative;}
.index1_5{ font-size:16px; color:#595959; background:#FFF; height:70px; line-height:70px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:90%; padding:0 5%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index1_6{ position:absolute; top:100%; left:0; width:100%; height:100%; background:url(../images/index1_bg1.png) repeat; z-index:10; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index1_7{ color:#FFF; font-size:16px; width:90%; margin:10% auto 0 auto; text-align:left; line-height:36px;}
.mySwiper2 .swiper-slide a:hover .index1_6{ top:0;}
.mySwiper2 .swiper-slide a:hover .index1_5{ background:#dcc07f; color:#FFF;}

.index_bg{ position:fixed; top:0; left:0; width:100%; height:100vh; z-index:0; background:url(../images/index_bg.jpg) center center no-repeat #1d8cd4;}
.index_bg1{ position:absolute; top:0; left:0; width:100%; height:100vh; z-index:1; background:#FFF;}

.index2{ width:100%; position:relative; z-index:10;}
.index2_1{ width:600px; height:480px; background:url(../images/index2_bg.jpg) center center no-repeat; background-size:100% 100%; margin-top:150px;}
.index2_2{ float:left; margin-left:13%; width:80%; overflow:hidden; text-align:left; font-size:36px; color:#FFF; line-height:36px; margin-top:110px; height:60px; position:relative;}
.index2_2en{ font-size:26px;}
.index2_2:after{ content:""; position:absolute; bottom:0; left:0; width:66px; height:2px; background:#FFF;}
.index2_3{ float:left; width:74%; margin-left:13%; text-align:left; font-size:16px; color:#FFF; line-height:30px; margin-top:25px; max-height:150px; overflow:hidden;}
.index2_1 .more{ display:block; width:50px; height:50px; float:left; background:url(../images/more_bg.png) center center no-repeat #d70d18; background-size:16px 16px; margin-left:13%; margin-top:25px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index2_1 .more:hover{ background:url(../images/more_bg_on.png) center center no-repeat #d70d18; background-size:18px 18px;}

.index_title{ max-width:80%; margin:0 auto; overflow:hidden;}
.index_title1{ font-size:36px; color:#000; line-height:46px;}
.index_title2{ width:66px; height:2px; background:#dcc07f; margin:15px auto 0 auto;}
.index_title3{ font-size:16px; color:#666666; line-height:30px; margin:15px auto 0 auto;}

.index3{ width:100%; padding:75px 0 5vw 0; background:url(../images/index3_bg.jpg) center center no-repeat; background-size:100% 100%; position:relative; z-index:10; overflow:hidden;}
.mySwiper3 {
  width: 100%;
  height: auto;
  margin: 5vw auto 0 auto;
  transform: scale(1.2);
  position: relative;
}
.mySwiper3 .swiper-slide {
  text-align: center;
  font-size: 16px;
  background: #fff;

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  transition: 300ms;
  transform: scale(0.6);
  filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5;
}
.imgon{transform: scale(1) !important; filter:alpha(opacity=100) !important; -moz-opacity:1 !important; -khtml-opacity:1 !important; opacity:1 !important;}
.mySwiper3 .swiper-slide a{ display:block; width:100%;}
.swiper-button-prev3{ display:block; width:28px; height:45px; background:url(../images/index3_l.png) no-repeat center center; outline:none; position:absolute; top:50%; margin-top:-22.5px; left:21%; z-index:100;}
.swiper-button-next3{ display:block; width:28px; height:45px; background:url(../images/index3_r.png) no-repeat center center; outline:none; position:absolute; top:50%; margin-top:-22.5px; right:21%; z-index:100;}
.index3_1{ overflow:hidden; width:100%;}
.index3_1 img{ display:block; width:100%; max-width:100%; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.index3_2{ width:90%; padding:0 5%; height:50px; line-height:50px; background:#dcc07f; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:15px; color:#FFF;}

.index4{ width:100%; padding:60px 0; background:#FFF; position:relative; z-index:10; overflow:hidden;}
.index4_1{ float:left; width:100%; overflow:hidden;}
.index4_2{ float:left; height:50px; line-height:50px; font-size:36px; color:#000;}
.index4_1 .more{ display:block; width:50px; height:50px; float:right; background:url(../images/more_bg.png) center center no-repeat #d70d18; background-size:16px 16px; margin-top:0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_1 .more:hover{ background:url(../images/more_bg_on.png) center center no-repeat #d70d18; background-size:18px 18px;}
.index4_3{ float:left; width:49%; overflow:hidden; margin-top:40px;}
.index4_3_img{ width:100%; overflow:hidden;}
.index4_3 img{ display:block; width:100%; height:24.47vw; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.index4_4{ width:90%; padding:0 5%; height:3.54vw; line-height:3.54vw; background:#f7f7f7; font-size:18px; font-weight:bold; color:#000; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.index4_3:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.index4_3:hover .index4_4{ background:#dcc07f; color:#FFF;}

.index4_5{ float:right; width:49%; overflow:hidden; margin-top:40px;}
.index4_5 li{ float:left; width:100%; overflow:hidden; height:6.25vw; background:#f7f7f7; margin-top:1vw; position:relative;}
.index4_5 li:after{ content:""; position:absolute; z-index:1; background:#dcc07f; top:0; left:-100%; width:100%; height:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.5s;}
.index4_5 li:nth-child(1){ display:none; margin-top:0;}
.index4_5 li:nth-child(2){ margin-top:0;}
.index4_5 li a{ display:block; width:100%; height:6.25vw; position:relative; z-index:10;}
.index4_5 li a .time{ float:left; width:6.25vw; height:6.25vw; background:#dcc07f; color:#FFF; border-right:1px solid #f7f7f7;}
.index4_5 li a .time1{ font-size:30px; font-weight:bold; line-height:2.6vw; margin-top:0.8vw;}
.index4_5 li a .time .line{ width:70%; margin:0 auto; height:1px; background:#FFF;}
.index4_5 li a .time2{ font-size:16px; line-height:2vw;}
.index4_6{ float:left; height:6.25vw; width:calc(100% - 6.25vw - 1px);}
.index4_7{ float:left; width:90%; padding:0 5%; text-align:left; font-size:18px; font-weight:bold; color:#000; line-height:1.4vw; margin-top:0.9vw; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.5s;}
.index4_8{ float:left; width:90%; padding:0 5%; text-align:left; font-size:16px; color:#666; line-height:1.4vw; height:2.8vw; overflow:hidden; margin-top:0.4vw; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.5s;}
.index4_5 li:hover:after{ left:0;}
.index4_5 li a:hover .index4_7{ color:#FFF;}
.index4_5 li a:hover .index4_8{ color:#FFF;}

.index5{ width:100%; overflow:hidden; background:#f4f4f4; padding:60px 0; position:relative; z-index:10;}
.index5_1{ display:table; margin:35px auto 0 auto; background:url(../images/index5_1.png) 35px center no-repeat #dcc07f; height:56px; line-height:56px; -webkit-border-radius:28px; -moz-border-radius:28px; border-radius:28px; padding:0 35px 0 70px; font-size:18px; font-weight:bold; color:#FFF;}
.index5_2{ width:100%; overflow:hidden; padding-top:30px;}
.index5_2 img{ max-width:100%; margin:0 auto;}

.index6{ width:100%; overflow:hidden; background:#FFF; padding:50px 0; position:relative; z-index:10;}
.index6_1{ margin:20px auto 0 auto; width:88.56vw;}
.index6_1 li{ float:left; overflow:hidden; margin-right:1.56vw; margin-top:30px; position:relative;}
.index6_1 li:nth-child(2){ margin-right:0;}
.index6_1 li:nth-child(3){ clear:left;}
.index6_1 li:nth-child(5){ margin-right:0;}
.index6_1 li img{ position:relative; display:block; z-index:10; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -ms-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s;}
.index6_1 li:nth-child(1) img{ width:28.48vw; height:23.17vw;}
.index6_1 li:nth-child(2) img{ width:58.52vw; height:23.17vw;}
.index6_1 li:nth-child(3) img{ width:28.48vw; height:16.4vw;}
.index6_1 li:nth-child(4) img{ width:28.48vw; height:16.4vw;}
.index6_1 li:nth-child(5) img{ width:28.48vw; height:16.4vw;}
.index6_1 li a{ display:block; width:100%; overflow:hidden;}
.index6_1 li span{ position:absolute; z-index:100; bottom:50px; left:2.6vw; font-size:24px; font-weight:bold; color:#FFF; line-height:24px; text-align:left;}
.index6_1 li:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}

.footer{ width:100%; overflow:hidden; position:relative; z-index:10; background:#FFF;}
.footer_top{ width:88.5%; padding:40px 5.75% 60px 5.75%; overflow:hidden; background:url(../images/footer_bg.jpg) bottom center no-repeat #1d1d1d;}
.footer_top1{ float:left; overflow:hidden; width:48%; padding-right:1.5%;}
.footer_top1_1{ display:block; float:left;}
.footer_top1_2{ float:left; clear:both; font-size:14px; color:#FFF; line-height:30px; margin-top:40px; text-align:left;}
.footer_top1_2 a{ color:#FFF;}
.footer_top1_2 a:hover{ text-decoration:underline;}
.footer_top2{ float:left; overflow:hidden; width:35%; text-align:left; padding-right:1.5%;}
.footer_top2_1{ float:left; width:100%; overflow:hidden; font-size:16px; color:#FFF; line-height:30px;}
.footer_top2_2{ float:left; width:100%; overflow:hidden; margin-top:12px;}
.footer_top2_2 li{ float:left; font-size:14px; color:#FFF; margin-top:15px; line-height:30px; padding-left:25px;}
.footer_top2_2 li:nth-child(1){ width:calc(50% - 25px); background:url(../images/footer1.png) left 7px no-repeat;}
.footer_top2_2 li:nth-child(2){ width:calc(50% - 25px); background:url(../images/footer2.png) left 9px no-repeat;}
.footer_top2_2 li:nth-child(3){ width:calc(50% - 25px); background:url(../images/footer3.png) left 5px no-repeat;}
.footer_top2_2 li:nth-child(4){ width:calc(50% - 25px); background:url(../images/footer3.png) left 5px no-repeat;}
.footer_top3{ float:right; overflow:hidden; background:#FFF;}
.footer_top3 img{ display:block; width:122px; margin:10px;}
.footer_bot{ width:88.5%; padding:0 5.75%; overflow:hidden; background:#1d1d1d;}
.footer_bot .link{ float:left; overflow:hidden; padding:15px 0; width:calc(100% - 150px);}
.footer_bot .link li{ float:left; font-size:14px; color:#FFF; line-height:30px; padding:0 10px;}
.footer_bot .link li:nth-child(1){ padding:0 !important;}
.footer_bot .link li a{ color:#FFF;}
.footer_bot .link li a:hover{ text-decoration:underline;}
.footer_bot1{ float:right; line-height:30px; font-size:14px; color:#666666; margin-top:15px;}
.footer_bot1:hover{ text-decoration:underline;}

.piaofu{ position:fixed; bottom:10%; right:0; z-index:9999;}
.piaofu li{ float:left; clear:both; margin:1px 0 0 0; position:relative;}
.piaofu li a{ display:block; width:46px; height:46px; border:1px solid #dcc07f; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; position:relative; z-index:10;}
.piaofu li div{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.piaofu li:nth-child(1) a{ background:url(../images/piaofu1_1.png) center center no-repeat #dcc07f;}
.piaofu li:nth-child(2) a{ background:url(../images/piaofu2_1.png) center center no-repeat #dcc07f;}
.piaofu li:nth-child(3) a{ background:url(../images/piaofu3_1.png) center center no-repeat #dcc07f;}
.piaofu li:nth-child(4) a{ background:url(../images/piaofu4_1.png) center center no-repeat #dcc07f;}
.piaofu li:nth-child(5) a{ background:url(../images/piaofu5_1.png) center center no-repeat #dcc07f;}
.piaofu li:nth-child(1) a:hover{ background:url(../images/piaofu1_1.png) center center no-repeat #bb9205; border:1px solid #bb9205;}
.piaofu li:nth-child(2) a:hover{ background:url(../images/piaofu2_1.png) center center no-repeat #bb9205; border:1px solid #bb9205;}
.piaofu li:nth-child(3) a:hover{ background:url(../images/piaofu3_1.png) center center no-repeat #bb9205; border:1px solid #bb9205;}
.piaofu li:nth-child(4) a:hover{ background:url(../images/piaofu4_1.png) center center no-repeat #bb9205; border:1px solid #bb9205;}
.piaofu li:nth-child(5) a:hover{ background:url(../images/piaofu5_1.png) center center no-repeat #bb9205; border:1px solid #bb9205;}
.piaofu1{ position:absolute; top:0; right:-160px; width:160px; height:48px; line-height:48px; z-index:1; background:#bb9205; color:#FFF; font-size:16px;}
.piaofu li:hover .piaofu1{ right:49px;}
.piaofu2{ position:absolute; top:0; right:-160px; width:160px; height:48px; line-height:48px; z-index:1; background:#bb9205; color:#FFF; font-size:16px;}
.piaofu li:hover .piaofu2{ right:49px;}
.piaofu3{ position:absolute; top:0; right:-150px; width:110px; height:110px; z-index:1; border:1px solid #d1d1d1; background:#FFF;}
.piaofu3 img{ display:block; width:100px; height:100px; margin:5px;}
.piaofu li:hover .piaofu3{ right:49px;}

.banner{ width:100%; height:495px; margin-top:126px; padding-bottom:81px; position:relative;}
.neiye_nav{ position:absolute; bottom:0; left:0; width:100%; height:80px; background:#f7f8f9; border-bottom:1px solid #e7e9ee;}
.neiye_nav1{ width:1260px; height:80px; margin:0 auto;}
.neiye_nav1 li{ float:left; overflow:hidden; margin-right:7%;}
.neiye_nav1 li a{ display:block; height:80px; line-height:80px; font-size:16px; color:#666666;}
.neiye_nav1 li a:hover{ background:url(../images/neiye_nav_bg.png) bottom center no-repeat; color:#bb9205;}
.neiye_nav1 li .a_on{ background:url(../images/neiye_nav_bg.png) bottom center no-repeat; color:#bb9205;}
.banner_mobile{ display:none;}
.position{ display:none;}

/*about*/
.content{ width:1260px; margin:0 auto; overflow:hidden;}
.neiye_title{ font-size:36px; display:table; margin:0 auto; line-height:36px; height:56px; margin-top:80px; position:relative;}
.neiye_title:after{ content:""; position:absolute; bottom:0; left:50%; margin-left:-33px; width:66px; height:2px; background:#dcc07f;}

.about{ width:100%; overflow:hidden; padding-bottom:60px;}
.about_l{ float:left; width:635px; overflow:hidden; text-align:left; font-size:16px; color:#666666; line-height:30px; margin-top:60px;}
.about_l1{ width:100%; overflow:hidden;}
.about_l1 li{ float:left; width:calc(50% - 52px); overflow:hidden; border-right:2px solid #ededed; margin-top:60px; padding-right:50px;}
.about_l1 li:nth-child(2n){ border-right:0; padding-left:50px; padding-right:0;}
.about_l1_1{ font-size:60px; color:#bb9205; line-height:60px; font-weight:bold;}
.about_l1_1 span{ font-size:18px; display:inline-block; vertical-align:top; color:#333; font-weight:normal; line-height:20px;}
.about_l1_2{ color:#333;}
.about_r{ float:right; width:580px; overflow:hidden; margin-top:60px;}
.about_r img{ display:block; width:100%;}
.about_b{ float:left; width:100%; overflow:hidden;}
.about_b li{ float:left; width:386px; margin-right:51px; margin-top:50px;}
.about_b li:nth-child(3n){ margin-right:0;}
.about_b li img{ display:block; width:100%;}

/*荣誉证书*/
.honor{ width:1400px; margin:0 auto; overflow:hidden; padding:0 0 0 0;}
.honor3{ width:1200px; margin:0 auto; overflow:hidden; background:url(../images/honor3.png) center top repeat-y; padding:0 100px;}
.honor3 li{ float:left; width:360px; height:419px; background:url(../images/honor4.jpg) center 62px no-repeat; margin:0 20px; overflow:hidden; padding-bottom:15px;}
.honor3_1{ float:left; margin-top:71px; margin-left:9px; display:block; overflow:hidden; outline:none;}
.honor3_1 img{ display:block; width:342px; height:228px;}
.honor3_2{ float:left; width:90%; padding:0 5%; text-align:center; font-size:18px; color:#666666; margin-top:10px; height:60px; line-height:60px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.page{ width:1400px; margin:0 auto; overflow:hidden; padding:40px 0 50px 0;}
.page span{ display:inline-block; height:38px; line-height:38px; border:1px solid #c8c8c8; padding:0 15px; font-size:16px; color:#999999; cursor:pointer; margin:10px 3px 0 3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page a{ display:inline-block; height:38px; line-height:38px; border:1px solid #c8c8c8; padding:0 15px; font-size:16px; color:#999999; cursor:pointer; margin:10px 3px 0 3px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.page span:hover{ background:#bb9205; color:#FFF; border:1px solid #bb9205;}
.page a:hover{ background:#bb9205; color:#FFF; border:1px solid #bb9205;}

/*企业文化*/
.culture1{ width:100%; overflow:hidden; margin-top:60px; padding-bottom:150px;}
.culture2{ float:left; display:block; width:620px;}
.culture3{ float:right; overflow:hidden; width:600px; text-align:left;}
.culture3_1{ float:left; width:100%; overflow:hidden; font-size:30px; color:#bb9205; line-height:40px;}
.culture3_2{ float:left; width:100%; overflow:hidden; font-size:28px; color:#333333; line-height:40px; margin-top:40px;}
.culture3_3{ float:left; width:100%; overflow:hidden; font-size:18px; color:#666666; line-height:30px; margin-top:20px;}

/*联系我们*/
.contact{ width:1260px; margin:0 auto; overflow:hidden;}
.contact1{ width:100%; overflow:hidden; padding:30px 0 80px 0;}
.contact2{ float:left; overflow:hidden; width:780px; text-align:left;}
.contact2_1{ float:left; width:100%; overflow:hidden; font-size:18px; color:#bb9205; line-height:30px;}
.contact2_2{ float:left; width:100%; overflow:hidden; font-size:36px; font-family:"Arial"; color:#bb9205; font-weight:bold; line-height:46px;}
.contact2_3{ float:left; width:100%; overflow:hidden; margin-top:10px;}
.contact2_3 li{ float:left; width:calc(100% - 25px); overflow:hidden; font-size:18px; color:#666; line-height:30px; padding-left:25px;}
.contact2_3 li:nth-child(1){ background:url(../images/contact3.png) left 8px no-repeat;}
.contact2_3 li:nth-child(2){ background:url(../images/contact4.png) left 10px no-repeat;}
.contact2_3 li:nth-child(3){ background:url(../images/contact5.png) 2px 7px no-repeat;}
.contact2_3 li:nth-child(4){ background:url(../images/contact5.png) 2px 7px no-repeat;}
.contact3{ float:right; margin-right:30px; border-right:1px solid #e5e5e5; padding-right:50px; height:180px;}
.contact3 img{ display:block; margin-top:30px;}
.contact4{ float:right; overflow:hidden; margin-left:30px;}
.contact4_1{ border:1px solid #d2d2d2; padding:10px; width:130px;}
.contact4_2{ font-size:14px; line-height:24px; color:#666;}

.map{ float:left; width:50%; height:500px;}
.map1{ float:left; width:50%; height:500px;}

/*在线咨询*/
.feedback_bg{ width:100%; overflow:hidden; background:url(../images/contact3.jpg) center center no-repeat #f6f6f6; background-size:cover;}
.feedback{ width:1260px; max-width:88.5%; overflow:hidden; margin:0 auto; padding-bottom:65px;}
.feedback_l{ float:left; overflow:hidden; width:49%; padding-right:1%;}
.feedback_r{ float:right; overflow:hidden; width:49%; padding-left:1%;}
.feedback_c{ float:left; width:100%; overflow:hidden;}
.feedback_b{ float:left; width:100%; overflow:hidden;}
.feedback .input1{ float:left; width:calc(94% - 2px); padding:0 3%; height:42px; line-height:42px; overflow:hidden; background:#FFF; font-size:16px; font-family:"First"; color:#333; border:1px solid #cecece; outline:none; margin-top:35px;}
.feedback .input2{ float:left; width:calc(74% - 2px); padding:0 3%; height:42px; line-height:42px; overflow:hidden; background:#FFF; font-size:16px; font-family:"First"; color:#333; border:1px solid #cecece; outline:none; margin-top:35px;}
.feedback .textarea1{ float:left; width:calc(97% - 2px); padding:8px 1.5%; height:105px; line-height:26px; overflow:hidden; background:#FFF; font-size:16px; font-family:"First"; color:#333; border:1px solid #cecece; outline:none; margin-top:35px;}
.feedback .button1{ width:148px; height:44px; border:1px solid #bb9205; background:#bb9205; cursor:pointer; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; font-size:18px; font-family:"First"; color:#FFF; outline:none; margin-top:40px; float:left; position:relative; left:49%; margin-left:-150px;}
.feedback .button2{ width:148px; height:44px; border:1px solid #cccccc; background:#FFF; cursor:pointer; -webkit-border-radius:23px; -moz-border-radius:23px; border-radius:23px; font-size:18px; font-family:"First"; color:#464646; outline:none; margin-top:40px; float:left; position:relative; left:51%;}

/*proIn*/
.proIn_l{ float:left; width:600px; overflow:hidden; margin-top:80px;}
.mySwiper5 {
	height: 80%;
	width: 100%;
}
.mySwiper5 .swiper-slide img {
	display: block;
	width: 600px;
	height: 384px;
}
.proIn_l1{ width:100%; overflow:hidden; position:relative; margin-top:20px;}
.mySwiper4 {
	width:calc(100% - 80px);
	height: 20%;
	box-sizing: border-box;
}
.mySwiper4 .swiper-slide {
	width: 25%;
	height: 100%;
	opacity: 0.4;
}
.mySwiper4 .swiper-slide-thumb-active {
	opacity: 1;
}
.mySwiper4 .swiper-slide img {
	display: block;
	width: 115px;
	height: 73px;
}
.proIn_l1 .swiper-button-prev5{ position:absolute; top:0; left:0; width:18px; height:calc(100% - 2px); border:1px solid #eaeaea; outline:none; cursor:pointer; background:url(../images/pro4_l.png) center center no-repeat;}
.proIn_l1 .swiper-button-next5{ position:absolute; top:0; right:0; width:18px; height:calc(100% - 2px); border:1px solid #eaeaea; outline:none; cursor:pointer; background:url(../images/pro4_r.png) center center no-repeat;}

.proIn_r{ float:right; width:600px; overflow:hidden; margin-top:80px;}
.proIn_r1{ float:left; width:100%; overflow:hidden; text-align:left; font-size:36px; color:#000; line-height:46px; padding-bottom:30px;}
.proIn_r2{ float:left; width:100%; overflow:hidden; text-align:left; border-bottom:1px solid #e9e9e9; border-top:1px solid #e9e9e9; font-size:16px; color:#5e5e5e; line-height:30px; padding:20px 0;}
.proIn_r3{ float:left; overflow:hidden; width:160px; height:45px; line-height:45px; background:#bb9205; color:#FFF; font-size:16px; margin-top:40px;}
.proIn_r4{ float:left; overflow:hidden; width:160px; height:45px; line-height:45px; background:#bb9205; color:#FFF; font-size:16px; margin-left:20px; margin-top:40px;}

.proIn_b{ width:100%; overflow:hidden;}
.proIn_b_title{ width:100%; overflow:hidden; background:#f2f2f2; margin-top:30px; height:60px;}
.proIn_b_title1{ width:1260px; margin:0 auto;}
.proIn_b_title1 span{ float:left; font-size:18px; font-weight:bold; color:#bb9205; line-height:60px; width:170px; height:58px; border-left:1px solid #dedede; border-right:1px solid #dedede; border-top:2px solid #bb9205; background:#FFF;}
.proIn_b1{ width:1260px; overflow:hidden; text-align:left; color:#333; font-size:16px; line-height:30px; padding:50px 0; margin:0 auto; border-bottom:1px solid #e6e6e9;}
.proIn_b1 img{ max-width:100%;}
.proIn_b1 .title{ font-size:24px; line-height:34px; color:#000;}

.pageIn{ width:1260px; margin:0 auto; overflow:hidden; padding:20px 0 40px 0; position:relative;}
.pageIn1{ float:left; overflow:hidden; font-size:16px; color:#333; clear:both; line-height:30px; width:calc(100% - 160px); text-align:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.pageIn1 a{ color:#333;}
.pageIn1 a:hover{ text-decoration:underline;}
.pageIn2{ position:absolute; top:30px; right:0; display:block; width:140px; height:40px; line-height:40px; background:#bb9205; font-size:16px; color:#FFF; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;}
.pageIn2 span{ font-family:"宋体"; font-size:20px; font-weight:bold; display:inline-block; vertical-align:bottom;}

.relevant{ width:100%; overflow:hidden; background:#f2f1f1; padding:50px 0;}
.relevant_in{ width:1260px; margin:0 auto; overflow:hidden;}
.relevant_in1{ width:100%; border-bottom:1px solid #d8d8d8; height:40px;}
.relevant_in1_1{ float:left; font-size:24px; line-height:24px; color:#333; border-bottom:3px solid #bb9205; height:40px;}
.relevant_in1_2{ float:right; font-size:16px; color:#bb9205; line-height:24px;}
.relevant_in1_2:hover{ text-decoration:underline;}
.relevant_in2{ float:left; width:100%; overflow:hidden; margin-top:40px;}
.relevant_in2 li{ float:left; overflow:hidden; margin-right:3%; width:22.75%;}
.relevant_in2 li:nth-child(4){ margin-right:0;}
.relevant_in2 li a{ display:block; width:100%;}
.relevant_in2_1{ width:100%; overflow:hidden;}
.relevant_in2_1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant_in2_2{ width:90%; padding:0 5%; height:50px; line-height:50px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#FFF; font-size:14px; color:#595959; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant_in2 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.relevant_in2 li a:hover .relevant_in2_2{ background:#bb9205; color:#FFF;}

/*pro*/
.pro{ width:100%; overflow:hidden; margin-top:15px;}
.pro li{ float:left; overflow:hidden; width:390px; margin-right:45px; margin-top:45px;}
.pro li:nth-child(3n){ margin-right:0;}
.pro li:nth-child(3n+1){ clear:left;}
.pro li a{ display:block; width:100%; overflow:hidden;}
.pro1{ width:100%; overflow:hidden;}
.pro1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro2{ width:90%; padding:0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:70px; line-height:70px; background:#f4f4f4; font-size:16px; color:#595959; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.pro li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.pro li a:hover .pro2{ background:#bb9205; color:#FFF;}

/*equipment*/
.equipment{ width:100%; overflow:hidden; margin-top:15px;}
.equipment li{ float:left; overflow:hidden; width:390px; margin-right:45px; margin-top:45px;}
.equipment li:nth-child(3n){ margin-right:0;}
.equipment li:nth-child(3n+1){ clear:left;}
.equipment li a{ display:block; width:100%; overflow:hidden;}
.equipment1{ width:100%; overflow:hidden;}
.equipment1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.equipment2{ width:90%; padding:0 5%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:45px; line-height:45px; background:#dcc07f; font-size:16px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.equipment li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.equipment li a:hover .equipment2{ background:#bb9205;}

/*equipmentIn*/
.equipmentIn1{ width:100%; overflow:hidden; font-size:30px; font-weight:bold; color:#333; line-height:40px; margin-top:60px;}
.equipmentIn2{ width:100%; overflow:hidden; font-size:14px; color:#666; line-height:30px; margin-top:30px;}
.equipmentIn3{ width:100%; padding:50px 0; overflow:hidden; border-bottom:1px solid #e6e6e9; border-top:1px solid #e6e6e9; text-align:left; font-size:18px; color:#333; line-height:30px; margin-top:30px;}
.equipmentIn3 img{ display:block; margin:0 auto; max-width:100%;}

.relevant_equipment{ width:100%; overflow:hidden; background:#f2f1f1; padding:50px 0;}
.relevant_equipment_in{ width:1260px; margin:0 auto; overflow:hidden;}
.relevant_equipment_in1{ width:100%; border-bottom:1px solid #d8d8d8; height:40px;}
.relevant_equipment_in1_1{ float:left; font-size:24px; line-height:24px; color:#333; border-bottom:3px solid #bb9205; height:40px;}
.relevant_equipment_in1_2{ float:right; font-size:16px; color:#bb9205; line-height:24px;}
.relevant_equipment_in1_2:hover{ text-decoration:underline;}
.relevant_equipment_in2{ float:left; width:100%; overflow:hidden; margin-top:40px;}
.relevant_equipment_in2 li{ float:left; overflow:hidden; margin-right:3%; width:22.75%;}
.relevant_equipment_in2 li:nth-child(4){ margin-right:0;}
.relevant_equipment_in2 li a{ display:block; width:100%;}
.relevant_equipment_in2_1{ width:100%; overflow:hidden;}
.relevant_equipment_in2_1 img{ display:block; width:100%; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant_equipment_in2_2{ width:90%; padding:0 5%; height:40px; line-height:40px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:#dcc07f; font-size:14px; color:#FFF; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.relevant_equipment_in2 li a:hover img{ -webkit-transform:scale(1.05) translateZ(0); -moz-transform:scale(1.05) translateZ(0); -ms-transform:scale(1.05) translateZ(0); -o-transform:scale(1.05) translateZ(0); transform:scale(1.05) translateZ(0);}
.relevant_equipment_in2 li a:hover .relevant_equipment_in2_2{ background:#bb9205;}

/*news*/
.news_top{ width:100%; overflow:hidden; background:#f2f1f1; margin-top:60px; padding:40px 0;}
.news_top1{ width:1260px; margin:0 auto; overflow:hidden; border:1px solid #dddddd; background:#FFF; display:block; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_top1 img{ display:block; float:left; width:500px; height:280px;}
.news_top2{ float:left; width:calc(94% - 500px); height:280px; text-align:left; padding:0 3%;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.news_top3{ width:100%; overflow:hidden; text-align:left;}
.news_top4{ float:left; width:100%; font-size:24px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_top5{ float:left; width:100%; overflow:hidden; font-size:16px; color:#999999; line-height:26px; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_top6{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666666; line-height:24px; height:48px; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_top7{ float:left; width:50px; height:9px; background:url(../images/news3.png) center center no-repeat; margin-top:20px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news_top1:hover{ background:#dcc07f;}
.news_top1:hover .news_top4{ color:#FFF;}
.news_top1:hover .news_top5{ color:#FFF;}
.news_top1:hover .news_top6{ color:#FFF;}
.news_top1:hover .news_top7{ background:url(../images/news3_1.png) center center no-repeat;}

.news{ width:100%; overflow:hidden; margin-top:50px;}
.news li{ float:left; width:100%; overflow:hidden; border-bottom:1px solid #eeeeee;}
.news li a{ display:block; width:100%; overflow:hidden; padding:25px 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news1{ display:block; width:213px; height:119px; float:left; margin-left:20px;}
.news2{ float:left; width:590px; overflow:hidden; text-align:left; margin-left:28px;}
.news3{ float:left; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-size:18px; font-weight:bold; color:#000; line-height:30px; margin-top:15px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news4{ float:left; width:100%; overflow:hidden; font-size:16px; color:#666; line-height:26px; height:52px; margin-top:10px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news5{ float:right; width:245px; height:90px; background:url(../images/news4.png) right center no-repeat; overflow:hidden; margin-right:30px; border-left:1px solid #eaeaea; margin-top:12px; text-align:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news6{ float:left; font-family:"Arial"; font-size:55px; color:#dcc07f; line-height:60px; margin-left:50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news7{ float:left; clear:both; font-family:"Arial"; font-size:16px; color:#9a9a9a; line-height:20px; margin-left:50px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.news li a:hover{ background:#dcc07f;}
.news li a:hover .news3{ color:#FFF;}
.news li a:hover .news4{ color:#FFF;}
.news li a:hover .news5{ border-left:1px solid #FFF; background:url(../images/news4_1.png) right center no-repeat;}
.news li a:hover .news6{ color:#FFF;}
.news li a:hover .news7{ color:#FFF;}

/*newsIn*/
.relevant_news2{ width:100%; overflow:hidden; margin-top:30px;}
.relevant_news2 li{ float:left; overflow:hidden; margin-top:1px; font-size:14px; background:url(../images/newsIn1.png) 15px center no-repeat; line-height:30px; text-align:left;}
.relevant_news2 li a{ float:left; display:block; color:#666; margin-left:26px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; max-width:calc(100% - 140px);}
.relevant_news2 li span{ float:right; color:#929292;}
.relevant_news2 li:nth-child(2n-1){ width:calc(50% - 21px); border-right:1px dotted #b2b2b2; padding-right:20px;}
.relevant_news2 li:nth-child(2n){ width:50%;}
.relevant_news2 li a:hover{ text-decoration:underline;}

.pager span.current{ text-decoration:underline; font-weight:bold;}

.valid_code1{ float:right; margin-top:35px; height:44px; width:18%; cursor:pointer;}